<template>
    <div :type="type" :class="['item-'+type, cname]" class="item-com clear-fix">
        <slot></slot>
    </div>
</template>

<script>
export default {
    name: 'itemCntComponent',
    props: {
        type: "",
        cname: ""
    }
}
</script>

<style lang="stylus" scoped>
.item-com 
    width 100%
    height  auto 
.item-0
    width 100%
    float left
.item-1
    width 50%
    float left
.item-2 
    width 33.333333333333336%
    float left
</style>